<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>登录-后台管理系统</title>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <div id="app">
        <div id="login-box">
            <div class="title">后台管理系统</div>
            <div class="input-wrap flex">
                <div class="input-group">
                    <span class="input-group-addon"><i class="icon icon-user"></i></span>
                    <input type="text" class="form-control username" onblur="checkUserName()" placeholder="用户名">
                    <span class="input-group-addon"><i class="icon icon-star"></i></span>
                </div>
            </div>


            <!-- 错误提示 -->
            <div id="unameNotice" class="flex input-wrap none"></div>

            <div class="input-wrap flex md15">
                <div class="input-group ">
                    <span class="input-group-addon"><i class="icon icon-html5"></i></span>
                    <input id="pwd-input" type="password" class="form-control password" onblur="checkPwd()" placeholder="密码">
                    <span id="eye-open" class="input-group-addon"><i id="eye-open1" onclick="showPwdText1()" class="icon icon-eye-open"></i></span>
                </div>
            </div>

            <!-- 错误提示 -->
            <div id="pwdNotice"  class="flex input-wrap none"></div>
            <div class="input-wrap flex">
                <div class="input-group">
                    <span class="input-group-addon"><i class="icon icon-user"></i></span>
                    <input type="text" id="code" class="form-control username" onblur="checkCode()" placeholder="验证码">
                    <span class="input-group-addon"><i class="icon icon-star"></i></span>
                </div>
            </div>
            <!-- 错误提示 -->
            <div id="codeNotice"  class="flex input-wrap none"></div>
            <div class="input-wrap flex">
                <div class="input-group">
                    <div class="code" onclick="createCode()"></div>
                </div>
            </div>

            <div class="flex login-btn">
                <button class="btn btn-success" onclick="login()" type="button">登录</button>
            </div>
        </div>
    </div>
    <script src="js/login.js"></script>
    <script type="text/javascript" src="static/js/common.js" ></script>
    <script src="static/js/jquery-3.6.0.js"></script>
</body>
</html>